<template>
	<view>
		<view class="reList">
			<view class="reBox" @click="openinfo('../planDetails/planDetails')">
				<image src="../../static/indexBg3.jpg" mode=""></image>
			<view class="txt">
			   邮轮 | 比主题乐园好玩,比五星酒店便宜,最适合一家人的旅行方式
			</view>
			<text class="timeTag">
				2019.05.15
			</text>
			</view>
			<view class="reBox">
				<image src="../../static/indexBg1.jpg" mode=""></image>
			<view class="txt">
			   邮轮 | 比主题乐园好玩,比五星酒店便宜,最适合一家人的旅行方式
			</view>
			<text class="timeTag">
				2019.05.15
			</text>
			</view>
			<view class="reBox">
				<image src="../../static/indexBg2.jpg" mode=""></image>
			<view class="txt">
			   邮轮 | 比主题乐园好玩,比五星酒店便宜,最适合一家人的旅行方式
			</view>
			<text class="timeTag">
				2019.05.15
			</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
				//跳转页面
			openinfo(url) {
			
				//var newsid = e.currentTarget.dataset.newsid ;    
				uni.navigateTo({
					url: url,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>
.reList{
	width: 100%;
	padding: 30rpx;
	box-sizing: border-box;
}
.reBox{
	width: 100%;
	border-bottom: 2rpx solid #dadada;
	padding-bottom: 30rpx;
}
.reBox image{
	height: 380rpx;
	width: 100%;
	border-radius: 8rpx;
}
.reBox .txt{
	width: 100%;
	padding: 20rpx 0;
	font-size: 34rpx;
}
.reBox .timeTag{
	padding: 10rpx 16rpx;
	background: #f5f5f5;
	border-radius: 8rpx;
	color: #d1d1d1;
	font-size: 24rpx;
	
}
</style>
